v-model フォーム入力バインディング - kii's memo

v-model フォーム入力バインディング

Vue.jsの双方向バインディング

公式リンク

複数行テキスト

code:hoge.js

<span>Multiline message is:</span>

<p style="white-space: pre-line;">{{ message }}</p>

<br>

<textarea v-model="message" placeholder="add multiple lines"></textarea>

placeholder

最初に入ってるテキスト

v-model ="message"

フォームに入力したものが、v-modelに代入される "message"

変更されるとそれを認識し、関連してるところも変わる。 {{message}}

修飾子

trim

number

lazy